<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>空档期</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">


	<script type="text/javascript" src="js/Adaptive.js"></script>
	<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>

	<script type="text/javascript" src="js/public.js"></script>
	
	<script type="text/javascript" src="vue/vue.js"></script>
	<script type="text/javascript" src="vue/axios.min.js"></script>




	<link rel="stylesheet" type="text/css" href="webuploader-0.1.5/webuploader.css">
	<script type="text/javascript" src="webuploader-0.1.5/webuploader.js"></script>




</head>
<body>
	<section id="app">

	<div id="alertCon"  v-show="controller.alertText"><span v-text="controller.alertText"></span></div>


		<section class="MaxCon">
			<header id="headerCon" style="height: 97px;">
				<div class="titleCon">
					<span class="title">空档期填写</span>
				</div>
			</header>

			
			<div id="pageTwo">
				<ul class="pageTwoCon">
					<li>
						<span class="name">起始</span>
						<input type="date" v-model="leisureTime.readyStart">
					</li>
					<li>
						<span class="name">结束</span>
						<input type="date" v-model="leisureTime.readyEnd">
					</li>

					<li>
						<span class="button" v-on:click="AddTimeList">添加空档期</span>
					</li>

				</ul>

				<ul class="timeList">
					<li v-for="(item, index) in leisureTime.timeList">
						<span class="text">{{item.starttime}}  ——  {{item.endtime}}</span>
						<span class="but" v-on:click="deleteTimeList(index,item)"><i class="iconfont">&#xe604;</i></span>
					</li>
				</ul>
			</div>






			<div class="btnCon">
				<span class="btn" v-on:click="submitDataInfo">保存</span>
			</div>
		</section>
	</section>


	

	<script type="text/javascript" src="js/neutralGear.js"></script>


	<script type="text/javascript" src="js/myUpload.js"></script>

</body>
</html>